<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>操作当当购物车页面</title>
		<link type="text/css" rel="stylesheet" href="css/cartStyle.css" />
	</head>
	<body>
		<script>
			var sum = 0;

			function count(amount) {
				sum = 21.9*amount + 24.0;
				alert(sum);
			}

			function closewin() {
				close();
			}

			function collection() {
				alert("收藏成功");
			}

			function del(str) {
				if (confirm("是否确认删除"))
					self(str);
				alert("删除成功");
			}

			function self(str) {
				var me_box = document.querySelector(str);
				if (me_box) {
					// me_box.remove();
					me_box.parentNode.removeChild(me_box);
				}
			}
		</script>

		<div class="content">
			<div class="logo">
				<img src="images/dd_logo.jpg"><span onclick="closewin()">关闭</span>
			</div>
			<div class="cartList" id="cartList">
				<ul>
					<li>商品图片</li>
					<li>商品信息</li>
					<li>单价</li>
					<li>数量</li>
					<li>总价</li>
					<li>操作</li>
				</ul>
				<ul class="this">
					<li><img src="images/dog.jpg"></li>
					<li>我和狗狗活下来了</li>
					<li>¥<input type="text" name="price" value="21.90"></li>
					<li><input type="button" name="minus" value="-" onclick=""><input type="text" name="amount"
							value="1"><input type="button" name="plus" value="+" onclick=""></li>
					<li id="price0">¥21.90</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p onclick="del('.this')">删除</p>
					</li>
				</ul>

				<ul class="this">
					<li><img src="images/mai.jpg"></li>
					<li>灰霾来了怎么办</li>
					<li>¥<input type="text" name="price" value="24.00"></li>
					<li><input type="button" name="minus" value="-" onclick=""><input type="text" name="amount"
							value="1"><input type="button" name="plus" value="+" onclick=""></li>
					<li id="price1">¥24.00</li>
					<li>
						<p onclick="collection();">移入收藏</p>
						<p onclick="del('.this')">删除</p>
					</li>
				</ul>

				<ol>
					<li id="totalPrice">商品总计：<span></span></li>
					<li><span onclick="count(amount)">结 算</span></li>
				</ol>
			</div>
		</div>
	</body>
</html>
